.container {
	height: 100%;
	width: 100%;
	padding: 20px 100px;
	.detail {
		display: flex;
		padding: 5px 0;
		color: #666;
		font-size: 16px;
		.detail_text {
			display: flex;
			width: 100%;
			height: 80px;
			line-height: 80px;
			justify-content: space-around;
		}
		.detail_info {
			width: 100%;
			display: flex;
			padding: 0 70px;
			line-height: 60px;
			justify-content: space-between;
			&:hover {
				cursor: pointer;
				background-color: #f3f3f3;
				border-radius: 30px;
				color: #f67d28;
				.number {
					text-decoration: underline;
				}
			}
		}
		.left {
			display: flex;
			align-items: center;
			flex-direction: column;
			flex: 2;
			.image_detail {
				padding: 5px;
				width: 300px;
				height: 150px;
				img {
					width: 100%;
					height: 100%;
				}
			}
			.image {
				margin-top: 15px;
				margin-left: auto;
				margin-right: auto;
				padding: 5px;
				width: 300px;

				li {
					display: inline-block;
					width: 20%;
					height: 67px;
					cursor: pointer;

					img {
						height: 62px;
						width: 62px;

						&:hover {
							border: 2px solid #f5f5f5;
						}
					}
				}
			}
		}
		.right {
			flex: 3;
			.right_text {
				margin-left: 30px;
			}
			div {
				padding: 0 60px;
				height: 60px;
				line-height: 60px;
				&:hover {
					background-color: #f3f3f3;
					border-radius: 30px;
				}
			}
		}
	}
}
